@charset "utf-8";
/* CSS Document */
.jedatebox {
	width: 280px;
	height: auto;
	border: 2px #e41623 solid;
	background-color: #fff;
	font-family: 'microsoft yahei', Verdana, "\u5fae\u8f6f\u96c5\u9ed1",
		"\5b8b\4f53", Arial;
	font-size: 14px;
	cursor: default;
	margin: 0;
	padding: 0;
}

.jedatebox div, .jedatebox ol, .jedatebox ul, .jedatebox li, .jedatebox p,
	.jedatebox span {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.jedatebox em, .jedatebox i {
	margin: 0;
	padding: 0;
	font-style: normal;
}

.jedatebox.dateshow {
	display: block;
}

.jedatebox .jedatetop {
	width: 100%;
	background-color: #e41623;
	color: #fff;
	overflow: hidden;
	text-align: center;
}

.jedatebox .jedateym {
	float: left;
	height: 40px;
	line-height: 40px;
}

.jedatebox .jedateym span {
	width: 70%;
	padding: 0;
	float: left;
	text-align: center;
	text-overflow: ellipsis;
	display: block;
}

.jedatebox .jedateym span input {
	width: 100%;
	float: left;
	padding: 0;
	border: none;
	background-color: transparent;
	text-align: center;
}

.jedatebox .jedateym .prev, .jedatebox .jedateym .next {
	width: 15%;
	height: 40px;
	line-height: 45px;
	float: left;
	display: block;
	text-align: center;
}

.jedatebox .jedateym .prev:before {
	width: 0;
	height: 0;
	display: inline-block;
	border-width: 7px;
	border-style: dashed;
	border-color: transparent;
	overflow: hidden;
	border-right-style: solid;
	border-right-color: #fff;
	content: "";
	margin: 0 9px 0 0;
}

.jedatebox .jedateym .next:before {
	width: 0;
	height: 0;
	display: inline-block;
	border-width: 7px;
	border-style: dashed;
	border-color: transparent;
	overflow: hidden;
	border-left-style: solid;
	border-left-color: #fff;
	content: "";
	margin: 0 0 0 6px;
}

.jedatebox .jedateym .triangle:hover {
	background-color: #e46161;
	cursor: pointer
}

.jedatebox .jedateym .pndrop {
	width: 14px;
	height: 14px;
	overflow: hidden;
	display: inline-block;
	position: relative;
	vertical-align: middle;
}

.jedatebox .jedateym .pndrop:before {
	width: 0;
	height: 0;
	display: inline-block;
	border-width: 5px;
	border-style: dashed;
	border-color: transparent;
	overflow: hidden;
	border-top-style: solid;
	border-top-color: #fff;
	content: "";
	position: absolute;
	top: 4px;
	left: 2px;
}

.jedatebox .jedatesety, .jedatebox .jedatesetm {
	width: 100%;
	position: absolute;
	left: 0;
	top: 40px;
	bottom: 0;
	background-color: #fff;
	z-index: 50;
}

.jedatebox .jedatesety .ymdropul, .jedatebox .jedatesetm .ymdropul {
	width: 100%;
	height: auto;
	overflow: auto;
	padding:6px
}

.jedatebox .jedatesety .ymdropul li {
	width: 33.3%;
	float: left;
	text-align: center;
	height: 40px;
	line-height: 40px;
}

.jedatebox .jedatesetm .ymdropul li {
	cursor: pointer;
	width: 33.3%;
	float: left;
	text-align: center;
	height: 50px;
	line-height: 50px;
}

.jedatebox .jedatesety .ymdropul li:hover, .jedatebox .jedatesetm .ymdropul li:hover
	{
	background: #e46161;
	cursor: pointer
}

.jedatebox .jedatesety .ymdropul li.action, .jedatebox .jedatesetm .ymdropul li.action
	{
	background: #e41623;
	color: #fff;
}

.jedatebox .jedatesety .ymdropul li.action:hover, .jedatebox .jedatesetm .ymdropul li.action:hover
	{
	background: #e41623;
	color: #fff;
}

.jedatebox .jedatetopym p {
	overflow: auto;
	padding-top: 8px;
	padding-left:8px;
	padding-right:8px;
}

.jedatebox .jedatetopym p span {
	width: 31%;
	margin: 0 1.1%;
	background-color: #00A1CB;
	color: #fff;
	display: block;
	height: 28px;
	line-height: 28px;
	border-radius: 5px;
	text-align: center;
}

.jedatebox .jedatetopym p span.jedateymchri {
	background-color: #e41623;
	color: #fff;
	float: left;
	font-size: 16px;
	cursor: pointer
}

.jedatebox .jedatetopym p span.jedateymchle {
	background-color: #e41623;
	color: #fff;
	float: left;
	font-size: 16px;
	cursor: pointer
}

.jedatebox .jedatetopym p span.jedateymchok {
	background-color: #e41623;
	color: #fff;
	float: right;
	font-size: 12px;
	cursor: pointer
}

.jedatebox .jedatetopym p span.jedateymchle:hover, .jedatebox .jedatetopym p span.jedateymchri:hover,
	.jedatebox .jedatetopym p span.jedateymchok:hover {
	background-color: #e46161
}

.jedatebox .jedaym {
	height: 202px;
	overflow: auto;
	padding: 5px;
}

.jedatebox .jedaym li {
	width: 50%;
	float: left;
	text-align: center;
	height: 32px;
	line-height: 32px;
}

.jedatebox .jedaym li.action, .jedatebox .jedaym li.action:hover {
	background: #00A1CB;
	color: #fff;
}

.jedatebox .jedaym li:hover {
	background: #ECF4FB;
}

.jedatebox .jedaym li.disabled {
	color: #bbb;
}

.jedatebox .jedaol {
	width: 100%;
	overflow: auto;
}

.jedatebox .jedaul {
	padding: 4px;
	overflow: auto;
}

.jedatebox .jedaol li, .jedatebox .jedaul li {
	width: 14.28%;
	float: left;
	height: 30px;
	line-height: 30px;
	text-align: center;
	position: relative;
	overflow: hidden;
}

.jedatebox .jedaul li {
	width: 14.28%;
	float: left;
	transition: background-color 0.5s;
	cursor: pointer
}

.jedatebox .jedaol li.weeks {
	background: #f5f5f5;
	border-bottom: 1px solid #ddd;
}

.jedatebox .jedaul li.action, .jedatebox .jedaul li.action:hover {
	background: #e41623;
	color: #fff;
}

.jedatebox .jedaul li.other {
	color: #e41623;
}

.jedatebox .jedaul li.disabled {
	color: #bbb;
}

.jedatebox .jedaul li.disabled:hover {
	background: #fff;
}

.jedatebox .jedaul li:nth-child(7n) {
	border-right: none;
}

.jedatebox .jedaul li:hover {
	background: #e41623;
}

.jedatebox .jedaul li.other:hover {
	color: #000
}

.jedatebox .jedaul li.red {
	color: #ff0000;
}

.jedatebox .jedaul li .marks {
	width: 5px;
	height: 5px;
	background: #ff0000;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	position: absolute;
	right: 2px;
	top: 4px;
}

.jedatebox .jedaul li.action .marks {
	width: 5px;
	height: 5px;
	background: #fff;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	position: absolute;
	right: 2px;
	top: 4px;
}

.jedatebox .jedatebot {
	height: 34px;
	line-height: 34px;
	padding: 0 3px 0 5px;
	overflow: hidden;
	background: #f5f5f5;
}

.jedatebox .jedatebot .botflex {
	width: 50%;
	float: left;
	display: inline-block;
	margin: 0;
	padding-top: 3px;
	overflow: hidden;
}

.jedatebox .jedatebot .botflex li {
	width: 27%;
	float: left;
	text-align: center;
}

.jedatebox .jedatebot .botflex li input {
	width: 100%;
	float: left;
	padding: 0;
	border: none;
	text-align: center;
	display: block;
	height: 26px;
	line-height: 26px;
	text-decoration: none;
	outline: none;
	-moz-outline: none;
	font-size: 14px;
}

.jedatebox .jedatebot .botflex i {
	width: 8.95%;
	float: left;
	height: 26px;
	line-height: 24px;
	font-style: normal;
	display: block;
	text-align: center;
	background: #f2f2f2;
	font-weight: 900;
}

.jedatebox .jedatebot .jedatebtn {
	text-align: center;
	font-size: 12px;
}

.jedatebox .jedatebot .jedatebtn span {
	width: 31%;
	float: right;
	margin: 0 1.1%;
	background-color: #e41623;
	cursor: pointer;
	color: #fff;
	display: block;
	height: 28px;
	line-height: 28px;
	border-radius: 5px;
	text-align: center;
}

.jedatebox .jedatebot .jedatebtn span:hover {
	background-color: #e46161
}

.jedatebox .jedatebot .jedatehms {
	border: 1px #ddd solid;
	background-color: #fff;
	margin: 0px 5% 3px 0;
	padding: 0;
	display: block;
	overflow: hidden;
}
/*.jedateh,.jedatems{width: 100%; position:absolute;left:0; bottom:40px;background-color: #fff;border-top: 1px solid #ccc;}*/
.jedatebox .jedateprophms {
	width: 100%;
}

.jedatebox .jedateproppos {
	position: absolute;
	left: 0;
	top: 0px;
	padding-top: 40px;
	display: none;
}

.jedatebox .jedatepropfix {
	display: block;
}

.jedatebox .jedatepropcon {
	padding: 30px 5px 17px 5px;
	background-color: #fff;
	overflow: hidden;
	position: relative;
}

.jedatebox .jedatehmstitle {
	width: 100%;
	height: 30px;
	line-height: 30px;
	position: absolute;
	left: 0;
	top: 0;
	background: #f5f5f5;
	color: #000;
	border-bottom: 1px solid #ddd;
	overflow: hidden;
	text-align: center;
	font-size: 15px;
}

.jedatebox .jedateproptext {
	width: 83px;
	float: left;
	height: 30px;
	line-height: 30px;
	text-align: center;
	margin-left: 10px;
}

.jedatebox .jedatehmscon {
	width: 81px;
	height: 140px;
	float: left;
	overflow-y: auto;
	border: 1px solid #ddd;
	margin: 0px 0px 0px 10px;
}

.jedatebox .jedatehmscon p {
	width: 100%;
	float: left;
	text-align: center;
	height: 28px;
	line-height: 28px;
	cursor:pointer
}

.jedatebox .jedatehmscon p:hover {
	background: #e46161;
}

.jedatebox .jedatehmscon p.action, .jedatebox .jedatehmscon p.action:hover
	{
	background: #e41623;
	color: #fff;
}

.jedatebox .jedatehmscon p.disabled {
	color: #bbb;
}

.jedatebox .jedatems p {
	width: 10%;
	float: left;
	text-align: center;
	height: 32px;
	line-height: 32px;
}

.jedatebox .jedateh p.action, .jedatebox .jedatems p.action {
	background: #00A1CB;
	color: #fff;
}

.jedatebox .jedatehmsclose {
	width: 30px;
	height: 30px;
	line-height: 26px;
	text-align: center;
	position: absolute;
	top: 50%;
	right: 4px;
	margin-top: -15px;
	z-index: 150;
	font-size: 24px;
}

.jedatebox .jedatehmscon::-webkit-scrollbar {
	height: 6px;
	width: 6px;
	margin-right: 5px;
	background: #f5f5f5;
	transition: all 0.3s ease-in-out;
	border-radius: 0px
}

.jedatebox .jedatehmscon::-webkit-scrollbar-track {
	-webkit-border-radius: 0px;
	border-radius: 0px;
}

.jedatebox .jedatehmscon::-webkit-scrollbar-thumb {
	-webkit-border-radius: 0px;
	border-radius: 0px;
	background: rgba(0, 0, 0, 0.5);
}

.jedatebox .jedatehmscon::-webkit-scrollbar-thumb:hover {
	background: rgba(0, 0, 0, 0.6)
}

.jedatebox .jedatehmscon::-webkit-scrollbar-thumb:active {
	background: rgba(0, 0, 0, 0.8)
}

.jedatebox .jedatehmscon::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(0, 0, 0, 0.4);
}

.timeBox {
	width: 220px;
	height: auto;
	border: 2px solid #e41623;
	z-index:999999999;
	background-color:#fff
}

.timeBox .titleTop {
	text-align: center;
	border-bottom: 1px solid #ddd;
	line-height: 30px;
}

.timeBox .timeControl {
	padding: 8px 5px;
}

.timeBox .timeControl .itemContain {
	display: inline-block;
	height: 170px;
	width: 48%;
	text-align: center;
	font-size: 14px;
}

.timeBox .timeControl .itemContain .hourTitle, .timeBox .timeControl .itemContain .minTitle
	{
	line-height: 30px;
}

.timeBox .timeControl .itemContain #hourSelect, .timeBox .timeControl .itemContain #minSelect
	{
	height: 140px;
	overflow-y: auto;
	width: 80%;
	border: 1px solid #ddd;
	display: inline-block;
}

.timeBox .timeControl .itemContain #hourSelect p, .timeBox .timeControl .itemContain #minSelect p
	{
	height: 30px;
	line-height: 30px;
	cursor: pointer;
}

.timeBox .timeControl .itemContain #hourSelect p:hover, .timeBox .timeControl .itemContain #minSelect p:hover
	{
	background-color: #e46161;
}

.timeBox .timeControl .itemContain #hourSelect p.action, .timeBox .timeControl .itemContain #minSelect p.action
	{
	background-color: #e41623;
	color: white;
}

.timeBox .timeBottom {
	margin-bottom: 8px;
	padding: 0 6%;
}

.timeBox .timeBottom .timeTextContain {
	width: 90px;
	border: 1px solid #ddd;
	height: 30px;
	line-height: 30px;
	padding: 0 8px;
	display: inline-block;
	margin-left:2%
}

.timeBox .timeBottom #hoursText, .timeBox .timeBottom #minText {
	background: none;
	border: none;
	outline: none;
	width: 39%;
	text-align: center;
}

.timeBox .timeBottom span {
	width: 10%;
	text-align: center;
	display: inline-block;
}

.timeBox .timeBottom .timeEnter {
	float: right;
	padding: 6px 25px;
	background-color: #e41623;
	color: white;
	border-radius: 6px;
	font-size: 15px;
	cursor: pointer;
}

.timeBox .timeBottom .timeEnter:hover {
	background-color: #e46161;
}